﻿{include file="public/head" /}
<body id="body">
<div id="w_1200" class="w_1200">
	<div class="header" style="background:url(/web_static/www/images/f2ef717222.jpg) center center no-repeat;height:486px;">
		<script type="text/javascript">
			$(window).resize(function() {
				if($(window).width()<1200){
					$('.w_1200').attr('id','w_1000');
				}else{
					$('.w_1200').attr('id','w_1200');
				}
			}).trigger('resize');
		</script>

		<script src='/web_static/www/js/index2.js' type='text/javascript'></script>
    	<link rel="stylesheet" href="/web_static/www/css/style2.css">
		<header>
			<div class="header_box0"></div>
			<div class="header_box1">
				<div class="header_box">
					<div class="top1"><p style="width:330px;">免费咨询热线 020-22100026</p><p>网站服务</p><p>网站导航</p></div>
					<a href="http://www.caoqinghua.cn/index.html"><img src="/web_static/www/picture/logo2.png" class="top2"></a>
					<nav>
						{volist name="nav_lists" id="vo"}
						<a href="{$vo.url}" title="{$vo.alt_title}" {if condition="($vo.follow == 2)"}rel="nofollow"{/if}>{$vo.title}</a>
						{/volist}
					</nav>
				</div>
			</div>
		</header>
	</div>
	<div class="instance cnt">
		<!-- 左边公共导航 -->
		<div class="instance_left">
			<div class="top">
				<div class="t_head" >
					<p>产品中心<br><span>Products</span></p>
				</div>
				<div class="t_middle" >
					<ul>
						{volist name="inside_lists" id="vo"}
						<li class="">
							<a class="" href="{$vo.url}" target="_blank" title="{$vo.alt_title}" {if condition="($vo.follow == 2)"}rel="nofollow"{/if} >{$vo.title}</a>
						</li>
						{/volist}
					</ul>
				</div>
				<div class="t_foot"></div>
				<script type="text/javascript">
					$(function(){
					$(".t_middle ul li:last").css("background","none");
					})
				</script>
			</div>
			<!-- <div class="bottom">
				<a href=""><img src="picture/video.png" alt=""></a>
			</div> -->
			<div class="product_list">
				<div class="pro_pic show_video" style="position: relative;cursor:pointer;">
					<img class="s_video" src="/web_static/www/picture/350x350_98dee2ece8.jpg" alt="" style="padding-top:-10px" />
					<embed allowfullscreen="true" src="" width="195px" height="100%"></embed>
				</div>
			</div>
			<script>
				$('.show_video').click(function(){
				$(this).find('.s_video').hide();
			});
			</script>
		</div>
		<div class="product_right">
			<div class="product_top" >
				<div class="product_head">
					<div class="left">{$web_info.web_title}</div>
					<div class="right">您的位置：<a href="/" title="首页">首页</a> > <a href="/products/29/11.html" title="产品中心">产品中心</a> > <a href="" class="active" title="{$web_info.web_title}">{$web_info.web_title}</a> </div>
				</div>
				<div class="product_center">
					<div class="message_con">
						<div class="msg">
							<label class="col-sm-3 control-label">姓 名：</label>
							<div class="col-sm-6">
								<input type="text" name="name" class="form-control" placeholder="您的姓名">
							</div>
						</div>
						<div class="msg">
							<label class="col-sm-3 control-label">电 话：</label>
							<div class="col-sm-6">
								<input type="text" name="tel" class="form-control" placeholder="您的电话">
							</div>
						</div>

						<div class="msg" style="height: 120px;margin-top: 5px;">
							<label class="col-sm-3 control-label">内 容：</label>
							<div class="col-sm-6">
								<textarea name="content" class="form-control" rows="3" placeholder="您咨询的内容"></textarea>
							</div>
						</div>
						<div class="msg">
							<label class="col-sm-3 control-label">验证码：</label>
							<div class="col-sm-4" style="float:left;">
								<input type="text" name="captcha" placeholder="请输入验证码" style="width: 120px;">
							</div>
							<div style="float: left;">
								<img src="/pc_code?code=pc_code" alt="" title="点击更换验证码" onclick="this.src='/pc_code?code=pc_code&t='+Math.random();" style="cursor: pointer;height: 30px;margin-top: 5px;margin-left: 10px;">
							</div>
						</div>
						<div style="text-align: center;margin-top: 20px;">
							<button type="button" id="submit" value="提交留言" style="width: 140px;height: 30px;height: 30px;border-radius: 4px;border: 1px solid #ccc;">提交留言</button>
						</div>
					</div>
					<script>
						$(document).on('click','#submit',function(){
							var name = $("input[name='name']").val();
							var tel = $("input[name='tel']").val();
							var content = $("textarea[name='content']").val();
							var captcha = $("input[name='captcha']").val();
							$('#submit').text('正在提交...').attr('disabled',true);
							$.ajax({
								type:'post',
								dataType:'json',
								data:'name='+name+'&phone='+tel+'&remark='+content+'&captcha='+captcha,
								url: "/message_insert",
								success:function(json){
									if(json.status == 0){
										alert('提交成功,我们的客服将会与您联系！');
										$('#submit').text('提交留言').attr('disabled',false);
									}else{
										alert(json.msg);
										$('#submit').text('提交留言').attr('disabled',false);
									}
								}
							});
						});
					</script>
				</div>
			</div>
		</div>
		<div class="clear"></div>
	</div>
{include file="public/footer" /}